<template>
	<view class="page">
		<view class="flex flex-wrap align-end benben-position-layout flex index_flex_0"
			:style="{height:(120+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub index_fd0_0'>
				<view class='flex flex-wrap align-center index_fd0_0_c0'>
					<image class='index_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"10.png"'></image>
					<text class='index_fd0_0_c0_c1' v-if="city">{{city}}</text>
					<text class='index_fd0_0_c0_c1' v-else>定位中</text>
				</view>
				<view class='flex flex-wrap align-center'>
					<image class='index_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"9.png"'></image>
				</view>
				<view class='flex flex-wrap align-center justify-end index_fd0_0_c2'>
				</view>
			</view>
		</view>
		<view :style="{height: (120+StatusBarRpx)+'rpx'}"></view>
		<view class="input_info">
			<input type="text" v-model="keyword" placeholder="请输入检索内容" placeholder-style="font-size:26rpx;color:#999999;" @confirm="getSearch">
			<image :src='STATIC_URL+"89.png"' mode="aspectFill"></image>
		</view>
		<!---flex布局flex布局开始-->
		<view class="flex flex-wrap align-center justify-center benben-flex-layout index_flex_1">
			<view style="position: relative">
				<swiper ref="benbenSwiperfd1_0" @change="bannerIndexfd1_0 = $event.detail.current"
					class='flex position-relative index_fd1_0' previous-margin="0rpx" next-margin="0rpx"
					:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>
					<swiper-item class='flex  index_fd1_0_c1' v-for='(item,key0) in bannerList' :key='key0'
						@tap="getSwiper(item)">
						<image class='index_fd1_0_c1_c0' mode="aspectFill" :src='item.thumb'></image>
					</swiper-item>
				</swiper>
				<!-- <view style="position: absolute" class="flex dot flex align-center justify-center index_swiperDotfd1_0">
					<view class='flex flex align-center justify-center index_numberfd1_0_c0'>
						<text>{{bannerIndexfd1_0+1}}</text>
						<text>/</text>
						<text>{{(bannerList.length)}}</text>
					</view>
				</view> -->
			</view>
		</view>
		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<!-- <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_2">
			<view class='flex flex-wrap align-center justify-center index_fd2_0'>
				<text class='index_fd2_0_c0' v-if="problemList.total_already_do">{{problemList.total_already_do}}</text>
				<text class='index_fd2_0_c0' v-else>0</text>
				<text class='index_fd2_0_c1'>/</text>
				<text class='index_fd2_0_c2' v-if="problemList.total_num">{{problemList.total_num}}</text>
				<text class='index_fd2_0_c2' v-else>0</text>
			</view>
			<view class='flex flex-wrap align-center justify-between index_fd2_1'>
				<view class='flex flex-wrap align-center'>
					<image class='index_fd2_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"14.png"'></image>
					<text class='index_fd2_1_c0_c1'>错题数:</text>
					<text class='index_fd2_1_c0_c2' v-if="problemList.wrong_num">{{problemList.wrong_num}}</text>
					<text class='index_fd2_1_c0_c2' v-else>0</text>
				</view>
				<view class='flex flex-wrap align-center'>
					<image class='index_fd2_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"14.png"'></image>
					<text class='index_fd2_1_c1_c1'>准确率:</text>
					<text class='index_fd2_1_c1_c2' v-if="problemList.correct_ratio">{{problemList.correct_ratio}}</text>
					<text class='index_fd2_1_c1_c2' v-else>0%</text>
				</view>
			</view>
		</view> -->
		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_3">
			<view class='flex flex-wrap align-center justify-between index_fd3_0'>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="getItem(1)">
					<image class='index_fd3_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"15.png"'></image>
					<text class='index_fd3_0_c0_c1'>题库学习</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="getItem(2)">
					<image class='index_fd3_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"16.png"'></image>
					<text class='index_fd3_0_c1_c1'>历年高考真题</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="getItem(3)">
					<image class='index_fd3_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"17.png"'></image>
					<text class='index_fd3_0_c2_c1'>随堂考试</text>
				</view>
			</view>
			<view class='flex flex-wrap align-center justify-between'>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="getItem(4)">
					<image class='index_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"18.png"'></image>
					<text class='index_fd3_1_c0_c1'>错题专区</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="getItem(6)">
					<image class='index_fd3_1_c2_c0' mode="aspectFit" :src='STATIC_URL+"19.png"'></image>
					<text class='index_fd3_1_c2_c1'>金题收藏</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="getItem(5)">
					<image class='index_fd3_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"20.png"'></image>
					<text class='index_fd3_1_c1_c1'>学习资料</text>
				</view>
			</view>
		</view>
		<!---flex布局flex布局结束-->

		<view class="information_view">
			<view class="information_tabs">
				<u-tabs :list="tabsList" :is-scroll="false" font-size="32" inactive-color="#333333"
					active-color="#1593FF" bar-width="60" :current="current" @change="change"></u-tabs>
			</view>
			<view class="loading_css_2" v-if="isShow">
				<u-loading size="36" color="#1593FF"></u-loading>
				<view>加载中</view>
			</view>
			<template v-else>
				<template v-if="current == 0 || current == 1">
					<view class="information_list">
						<template v-for="(item, index) in list">
							<information :item="item"></information>
						</template>
					</view>
					<view class="loadmore" v-if="last_page > 1">
						<u-loadmore font-size="24" :status="status" :icon-type="iconType" :load-text="loadText" />
					</view>
					<view class="noData_other" v-if="list.length == 0 && !isShow">
						<image :src='STATIC_URL+"no.png"'></image>
					</view>
				</template>
				<template v-if="current == 2">
					<view class="noData_other" style="padding-top: 24rpx;">
						<image :src='STATIC_URL+"no.png"'></image>
					</view>
				</template>
			</template>
			
		</view>

		<benben-popup v-model="popupShow1658992681097" :mask="true" mode='center' :maskCloseAble="false">
			<!---未添加城市弹窗flex布局开始-->
			<view class="flex flex-direction flex-wrap align-center benben-flex-layout index_flex_4">
				<image class='index_fd4_0' mode="aspectFill" :src='STATIC_URL+"37.png"'></image>
				<text class='index_fd4_1'>当前省份暂未添加</text>
				<button class='index_fd4_2' @tap.stop="getRegoin">切换省份</button>
			</view>
			<!---未添加城市弹窗flex布局结束-->
		</benben-popup>
		
		
		<benben-popup v-model="popupShow1658992681098" :mask="true" mode='center' :maskCloseAble="false">
			<view class="vip_info">
				<view class="vip_title">成为鼎承教育学员</view>
				<view class="vip_content">
					<text class="vip_content_1">{{Number(vipData.jiage)}}</text>
					<text>/永久</text>
				</view>
				<view class="vip_tips">学习更高效</view>
				<view class="vip_btn">
					<view class="vip_btn_item" @tap.stop="popupShow1658992681098=false">取消</view>
					<view class="vip_btn_item" @tap.stop="goVip">立即前往开通</view>
				</view>
			</view>
		</benben-popup>
		
		
		
		<u-modal v-model="regoinShow" content="需要获取您当前位置信息用于展示对应的题库和资料信息,请同意位置授权" :show-cancel-button="true" @confirm="confirmRegoin"></u-modal>


		<!-- #ifdef APP-PLUS -->
		<!-- <app-update ref="update" :auto="true"></app-update> -->
		<!-- #endif -->
	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'
	import information from "@/components/information/index.vue"
	export default {
		components: {
			information
		},

		data() {
			return {
				"popupShow1658992681098": false,
				"popupShow1658992681097": false,
				"bannerIndexfd1_0": 0,
				"bannerList": [],
				"city": "",
				"problemList": {
					"total_num": "",
					"total_already_do": "",
					"wrong_num": "",
					"correct_ratio": ""
				},
				"selectCity": '',
				"regoinShow": false,

				tabsList: [{
					name: '免费专区'
				}, {
					name: '视频付费专区'
				}],
				current: 0,
				list: [],
				"page": 1,
				"is_pull": true,
				"last_page": 1,
				"status": 'loadmore',
				"iconType": 'flower',
				"loadText": {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '我也是有底线的'
				},
				"isShow": true,
				"keyword": "",
				"vipData": {},
				"user": {},
				"key": "50bac152709a363bd8e664adb0ee4cbf",  // 小程序定位key  个人
			};
		},
		computed: {

		},
		watch: {
			keyword() {
				if (!this.keyword) {
					this.page = 1;
					this.is_pull = true;
					this.isShow = true;
					this.getVideoList();
				}
			}
		},
		onLoad(options) {
			if (!uni.getStorageSync('city')) {
				this.regoinShow = true;
			} else {
				this.city = uni.getStorageSync('city');
			}
			this.getVideoList();
			this.getVip();
			this.getgetBannerList();
			this.getHide();
			// uni.$on('changeCity', res => {
			// 	this.selectCity = res.city;
			// 	uni.setStorageSync('city', this.selectCity);
			// 	this.getgetProblemList()
			// 	this.$forceUpdate();
			// })
		},
		onUnload() {
			// uni.$off('changeCity');
		},
		onReady() {

		},
		onShow() {
			// if (uni.getStorageSync('city')) {
			// 	this.selectCity = uni.getStorageSync('city');
			// 	this.getgetProblemList()
			// }
			if (global.token) {
				this.getgetUser();
			}
		},
		onHide() {

		},
		onResize() {

		},
		// 下拉刷新
		onPullDownRefresh() {
			this.page = 1;
			this.is_pull = true;
			this.isShow = true;
			this.getVideoList();
		},
		// 上拉加载
		onReachBottom() {
			if (this.page >= this.last_page) return;
			this.status = 'loading';
			this.page++;
			setTimeout(() => {
		
				if (this.page >= this.last_page) this.status = 'nomore';
				else this.status = 'loading';
				this.is_pull = false;
				this.getVideoList();
			}, 500)
		},
		onPageScroll(e) {

		},
		methods: {
			// 上架隐藏状态  post65bcc633c5008
			getHide() {
				this.$api.post(global.apiUrls.post65bcc633c5008, {
					
				}).then(res => {
					if (res.data.code == 1) {
						if (res.data.data.audit_status == 0) {
							this.tabsList = [{
								name: '免费专区'
							},{
								name: '视频付费专区'
							}]
						} else {
							this.tabsList = [{
								name: '免费专区'
							},{
								name: '视频付费专区'
							},{
								name: '淘宝专区'
							}]
						}
					} else {
						this.$message.info(res.data.msg);
					}
				})
			},
			
			getSearch() {
				this.page = 1;
				this.is_pull = true;
				this.isShow = true;
				this.getVideoList();
			},
			// 获取视频列表  post65a87a15d60aa
			getVideoList() {
				this.$api.post(global.apiUrls.post65a87a15d60aa, {
					type: this.current+1,
					kechengmingcheng: this.keyword,
					page: this.page
				}).then(res => {
					uni.stopPullDownRefresh();
					this.isShow = false;
					// console.log(res);
					if (res.data.code == 1) {
						this.last_page = res.data.data.last_page;
						if (this.is_pull) {
							this.list = res.data.data.data;
						} else {
							this.list = this.list.concat(res.data.data.data);
						}
					} else {
						this.$message.info(res.data.msg);
					}
				})
			},
			//获取个人信息
			async getgetUser() {
				//请求方法
				//数据验证
			
				let userData = await this.$api.post(global.apiUrls.post5c78c4772da97, {
					
				});
				if (userData.data.code != 1) {
					this.$message.info(userData.data.msg);
					return
				}
				let userinfo = userData.data;
				this.user = userinfo.data;
				// console.log(this.user);
			},
			// 获取vip规则  post65aa39b188790
			getVip() {
				this.$api.post(global.apiUrls.post65aa39b188790, {
					
				}).then(res => {
					if (res.data.code == 1) {
						this.vipData = res.data.data;
					} else {
						this.$message.info(res.data.msg);
					}
				})
			},
			goVip() {
				this.popupShow1658992681098 = false;
				uni.navigateTo({
					url: '/pages/my/becomeStudent/index'
				})
			},
			
			
			//获取轮播图
			async getgetBannerList() {
				//请求方法
				//数据验证

				let bannerListData = await this.$api.post(global.apiUrls.post630045bd11046, {
					operationadstype_id: '2'
				});
				if (bannerListData.data.code != 1) {
					this.$message.info(bannerListData.data.msg);
					return
				}
				let bannerListinfo = bannerListData.data;
				this.bannerList = bannerListinfo.data
				// console.log(this.bannerList)
			},
			// 轮播图跳转
			getSwiper(item) {
				if (item.link_type == 1) {
					uni.setStorageSync('content', item);
					uni.navigateTo({
						url: '/pages/my/messageDetails/swiperDetails'
					})
				}
			},
			//获取做题记录统计
			async getgetProblemList() {
				//请求方法
				//数据验证getgetProblemList
				// console.log(this.selectCity)
				let problemListData = await this.$api.post(global.apiUrls.post6302de0b4bb04, {
					city: this.selectCity
				});
				// console.log(problemListData);
				if (problemListData.data.code == 0) {
					this.$message.info(problemListData.data.msg);
					return
				}
				if (problemListData.data.code == -1) {
					this.popupShow1658992681097 = true;
					return
				}
				let problemListinfo = problemListData.data;
				this.problemList = problemListinfo.data

			},
			//获取定位
			async getGPS() {
				// #ifdef APP-PLUS
				let city = await this.syncUniApi('getLocation', {
					type: 'gcj02',
					geocode: true
				})
				// console.log(city);
				this.selectCity = city.address.city;
				if (this.selectCity) {
					this.selectCity = this.selectCity.replace('市', '');
				}
				uni.setStorageSync('city', this.selectCity);
				setTimeout(() => {
					if (this.selectCity) {
						this.getgetProblemList();
					}
				}, 800)
				// #endif
				
				
				// #ifndef APP-PLUS
				let _this = this;
				uni.getLocation({
					type: 'wgs84',
					geocode: true, //设置该参数为true可直接获取经纬度及城市信息
					success: function(res) {
						console.log(res);
						let location = res.longitude + ',' + res.latitude;
						_this.getAddressInfo(location);
					},
					fail: function(error) {
						console.log(error);
						_this.$message.info('获取地理位置信息失败');
					}
				});
				// #endif
			},
			// 逆地理编码 根据经纬度获取到城市信息
			getAddressInfo(location) {
				let that = this;
					uni.request({
						url: 'https://restapi.amap.com/v3/geocode/regeo?location=' + location + '&key=' +
							that.key, //仅为示例，并非真实接口地址。
						header: {
							'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
						},
						success: (res) => {
							console.log('123', res);
							if (res.data.status == '1') {
								that.city = res.data.regeocode.addressComponent.city;
								// that.city = res.data.regeocode.addressComponent.province + ' · ' + res.data.regeocode.addressComponent.city
								// if (res.data.regeocode.addressComponent.city.length == 0) {
								// 	that.city = res.data.regeocode.addressComponent.province;
								// } else {
								// 	that.city = res.data.regeocode.addressComponent.city;
								// }
								uni.setStorageSync('city', that.city);
							} else {
								that.$message.info('获取地理位置信息失败');
							}
							
						},
						fail: (error) => {
							console.log(error)
							that.$message.info('获取地理位置信息失败');
						}
					});
				
			},
			
			
			getRegoin() {
				this.popupShow1658992681097 = false;
				uni.navigateTo({
					url: '/pages/index/select-regoin/select-regoin'
				})
			},
			confirmRegoin() {
				this.getGPS()
			},

			// 跳转
			getItem(type) {
				// if (!uni.getStorageSync('city')) {
				// 	this.$message.info('请先选择城市');
				// 	setTimeout(() => {
				// 		uni.navigateTo({
				// 			url: '/pages/index/select-regoin/select-regoin'
				// 		})
				// 	}, 1000)
				// 	return
				// }
				if (!global.token) {
					uni.navigateTo({
						url: '/pages/tabBar/login/login'
					})
					return;
				}
				if (type != 5) {
					if (global.userInfo.id == 130) {
						this.$message.info('请登录正式账号进行学习');
						return;
					}
				}
				
				if (type == 1) {
					if (this.user.user_type != 1) {
						this.popupShow1658992681098 = true;
						return;
					}
					uni.navigateTo({
						url: '/pages/index/QuestionBank/QuestionBank'
					})
				} else if (type == 2) {
					// uni.navigateTo({
					// 	url: '/pages/index/textList/textList?type=1' + '&city=' + this.selectCity
					// })
					if (this.user.user_type != 1) {
						this.popupShow1658992681098 = true;
						return;
					}
					uni.navigateTo({
						url: '/pages/index/QuestionBank/gaokaozhenti'
					})
				} else if (type == 3) {
					// uni.navigateTo({
					// 	url: '/pages/index/textList/textList?type=2' + '&city=' + this.selectCity
					// })
					if (this.user.user_type != 1) {
						this.popupShow1658992681098 = true;
						return;
					}
					uni.navigateTo({
						url: '/pages/index/textList/suitangceshi'
					})
				} else if (type == 4) {
					uni.navigateTo({
						url: '/pages/index/wrongQuestion/wrongQuestion'
					})
				} else if (type == 5) {
					// uni.navigateTo({
					// 	url: '/pages/index/learningMaterials/learningMaterials'
					// })
					uni.switchTab({
						url: '/pages/tabBar/information/index'
					})
				} else if (type == 6) {
					uni.navigateTo({
						url: '/pages/index/myCollection/myCollection'
					})
				}
			},
			change(index) {
				this.current = index;
				if (this.current == 0 || this.current == 1) {
					this.page = 1;
					this.is_pull = true;
					this.isShow = true;
					this.getVideoList();
				}
			}
		}
	};
</script>
<style lang="scss" scoped>
	.vip_info {
		width: 646rpx;
		height: 684rpx;
		background: url(https://app.ezsdcsm.com/images/98.png) no-repeat;
		background-size: 100% 100%;
		.vip_title {
			font-size: 43rpx;
			font-weight: 800;
			color: #fff;
			text-align: center;
			padding: 282rpx 0 0;
		}
		.vip_content {
			text-align: center;
			margin: 27rpx 0 30rpx;
			color: #fff;
			font-size: 36rpx;
			font-weight: bold;
			.vip_content_1 {
				display: inline-block;
				transform: translateY(5rpx);
				font-size: 58rpx;
			}
		}
		.vip_tips {
			text-align: center;
			font-size: 36rpx;
			margin-bottom: 32rpx;
			color: #fff;
		}
		.vip_btn {
			display: flex;
			justify-content: space-between;
			padding: 0 73rpx;
			.vip_btn_item {
				width: 230rpx;
				height: 68rpx;
				background: url(https://app.ezsdcsm.com/images/99.png) no-repeat;
				background-size: 100% 100%;
				color: #fff;
				text-align: center;
				line-height: 68rpx;
				font-size: 32rpx;
				font-weight: bold;
			}
		}
		
	}
	.information_view {

		// padding: 0 32rpx;
		.information_tabs {}

		.information_list {
			padding: 0 32rpx 24rpx;
		}
	}

	.input_info {
		padding: 24rpx 32rpx 0;
		position: relative;

		input {
			background: #FFFFFF;
			height: 64rpx;
			width: 100%;
			border-radius: 32rpx;
			padding-left: 64rpx;
			font-size: 26rpx;
		}

		image {
			width: 24rpx;
			height: 24rpx;
			position: absolute;
			left: 56rpx;
			top: 44rpx;
		}
	}

	.index_fd4_0 {
		width: 610rpx;
		height: 331rpx;
	}

	.index_fd4_1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		text-align: center;
		margin: 28rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_2 {
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
		background: rgba(44, 143, 255, 1);
		background-size: 100% !important;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		font-size: 32rpx;
		color: #fff;
		width: 406rpx;
		height: 80rpx;
		line-height: 80rpx;
		font-weight: 500;
		margin: 48rpx 0rpx 48rpx 0rpx;
	}

	.index_flex_4 {
		background: #fff;
		background-size: 100% !important;
		width: 610rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_fd3_0 {
		margin: 0rpx 0rpx 64rpx 0rpx;
	}

	.index_fd3_0_c0_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0_c1_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0_c2_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c0_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c1_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c2_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_flex_3 {
		background: #fff;
		background-size: 100% !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
		padding: 40rpx 53rpx 40rpx 53rpx;
	}

	.index_fd2_0 {
		margin: 64rpx 0rpx 0rpx 0rpx;
	}

	.index_fd2_0_c0 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: rgba(254, 80, 20, 1);
	}

	.index_fd2_0_c1 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: #333333;
	}

	.index_fd2_0_c2 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: #333333;
	}

	.index_fd2_1 {
		padding: 98rpx 75rpx 52rpx 75rpx;
	}

	.index_fd2_1_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.index_fd2_1_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
	}

	.index_fd2_1_c0_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_fd2_1_c1_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.index_fd2_1_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
	}

	.index_fd2_1_c1_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_fd2_1_c1_c3 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_flex_2 {
		background: url(https://app.ezsdcsm.com/images/13.png) no-repeat, transparent;
		background-size: 100% !important;
		margin: 0rpx 32rpx 32rpx 32rpx;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}

	::v-deep .index_swiperDotfd1_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_swiperDotSelectedfd1_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		background-size: 100% !important;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotUnselectedfd1_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		background-size: 100% !important;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_fd1_0 {
		width: 686rpx;
		height: 300rpx;
	}

	.index_fd1_0_c1_c0 {
		width: 686rpx;
		height: 300rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}

	.index_fd1_0_c1 {
		width: 686rpx;
		height: 300rpx;
	}

	.index_numberfd1_0_c0 {
		background: #525050;
		background-size: 100% !important;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.index_flex_1 {
		margin: 32rpx 0rpx 32rpx 0rpx;
	}

	.index_fd0_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.index_fd0_0_c0 {
		// width: 195rpx;
		// height: 50rpx;
	}

	.index_fd0_0_c0_c0 {
		width: 36rpx;
		height: 36rpx;
	}

	.index_fd0_0_c0_c1 {
		width: 195rpx;
		padding: 0rpx 0rpx 0rpx 12rpx;
		line-height: 45rpx;
		color: #111111;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		font-size: 31rpx;
		font-weight: 700;
	}

	.index_fd0_0_c1_c0 {
		width: 178rpx;
		height: 62rpx;
	}

	.index_fd0_0_c2 {
		width: 195rpx;
		height: 50rpx;
	}

	.index_flex_0 {
		background: url(https://app.ezsdcsm.com/images/11.png) no-repeat, transparent;
		background-size: 100% !important;
		width: 750rpx;
		height: 150rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.page {
		min-height: calc(100vh - var(--window-bottom));
		background: url(https://app.ezsdcsm.com/images/11.png) no-repeat, #FFFFFF;
		background-size: 100% auto !important;
	}
</style>